<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/header.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>视频展示</title> 


<link href="${ctx}/assets/css/video-js.min.css" rel="stylesheet">
<script src="${ctx}/assets/js/video/video.min.js"></script>

<style>  
	body {
		background-color: #191919
	}
	.m {
		width: 700px;
		height: 600px;
	}
	
	.vjs-paused .vjs-big-play-button,
	.vjs-paused.vjs-has-started .vjs-big-play-button {
	    display: block;
	}
	
	.video-js .vjs-big-play-button{
    font-size: 2.5em;
    line-height: 2.3em;
    height: 2.5em;
    width: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    border-width: 0.15em;
    margin-top: -1.25em;
    margin-left: -1.75em;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}
</style>

</head>
<body> 


	<video id="my-video" class="video-js vjs-big-play-centered" controls preload="none" width="700px" height="500px" 
      data-setup="{}">
    <source src="${ctx}/videoShow/getFile?path=${path}" type='video/mp4' /> 
 
     
</video>
</body>
</html>
<script type="text/javascript">

	var myPlayer = videojs('my-video');
	videojs("my-video").ready(function(){
		var myPlayer = this;
		myPlayer.play();
	});
 
	
	  
</script> 